.section5 {
    min-width: 1300px;
    /*max-width: 1920px;*/
    margin: 0 auto;
}

.section5 .left_block {
    width: 40%;
    height: 953px;
    background: url('../../img/pic6.png') no-repeat center;
    background-size: cover;
}

.section5 .right_block {
    width: 60%;
}

.section5 .right_block .top {
    height: 540px;
    background-color: #3a4950;
    padding: 110px 0 0 100px;
}

.section5 .right_block .bottom {
    height: 303px;
    background-color: #f0f4f7;
    padding-left: 100px;
    display: table;
    width: 100%;
    box-sizing: border-box;
}

.section5 .right_block .bottom h2 {
    text-align: left;
}

.section5 .m_box {
    width: 144px;
    height: 60px;
    background-color: #fff;
    margin-left: 25px;
    margin-bottom: 25px;
    float: left;
}
.section5 .m_box  a{
    display: inline-block;
    width:100%;
    height:100%;
}

.section5 .swiper-slide {
    box-shadow: none;
    height: 100px;
}





.section5 .grey_img{
    width: 144px;
    height: 60px;
    -o-transform: perspective(800px) rotateY(0deg);
    -webkit-transform: perspective(800px) rotateY(0deg);
    -ms-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
    -o-transition: transform 500ms ease-in-out;
    -ms-transition: transform 500ms ease-in-out;
    -webkit-transition: transform 500ms ease-in-out;
    transition: transform 500ms ease-in-out;
    opacity: 1;
    filter: alpha(opacity=100);
    position: absolute;

}

.section5 .color_img {
    width: 144px;
    height: 60px;
    -o-transition: transform 500ms cubic-bezier(0.07, 0.42, 0.65, 1.3);
    -ms-transition: transform 500ms cubic-bezier(0.07, 0.42, 0.65, 1.3);
    -moz-transition: transform 500ms cubic-bezier(0.07, 0.42, 0.65, 1.3);
    -webkit-transition: transform 500ms cubic-bezier(0.07, 0.42, 0.65, 1.3);
    transition: transform 500ms cubic-bezier(0.07, 0.42, 0.65, 1.3);
    -o-transform: perspective(800px) rotateY(-180deg);
    -ms-transform: perspective(800px) rotateY(-180deg);
    -moz-transform: perspective(800px) rotateY(-180deg);
    -webkit-transform: perspective(800px) rotateY(-180deg);
    transform: perspective(800px) rotateY(-180deg);
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
}

#section5_swiper {
    padding-top: 20px;
}

/*#section5_swiper .xdc_pagination{left: 320px;bottom: 404px;}*/
#section5_swiper .m_box a:hover .color_img {
    -o-transform: perspective(800px) rotateY(0deg);
    -ms-transform: perspective(800px) rotateY(0deg);
    -moz-transform: perspective(800px) rotateY(0deg);
    -webkit-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
    opacity: 1;
    filter: alpha(opacity=100);
}

#section5_swiper .m_box a:hover .grey_img {
    -o-transform: perspective(800px) rotateY(180deg);
    -ms-transform: perspective(800px) rotateY(180deg);
    -moz-transform: perspective(800px) rotateY(180deg);
    -webkit-transform: perspective(800px) rotateY(180deg);
    transform: perspective(800px) rotateY(180deg);
    opacity: 0;
    filter: alpha(opacity=0);
}

.m_section5 .left_block {
    height: 953px;
    background: url('../../img/pic6.png') no-repeat center;
    background-size: cover;
}

.m_section5 .right_block {
    background-color: #3a4950;
}

.m_section5 .right_block .top {
    height: 500px;
    background-color: #3a4950;
    width: 657px;
    margin: 0 auto;
    padding-left: -25px;
    padding-top: 50px;
}

.m_section5 .right_block .bottom {
    height: 303px;
    display: table;
    width: 657px;
    box-sizing: border-box;
    margin: 0 auto
}

.m_section5 .right_block .bottom h2 {
    text-align: left;
}

.m_section5 .m_box {
    width: 144px;
    height: 60px;
    background-color: #fff;
    margin-right: 25px;
    margin-bottom: 25px;
    float: left;
}

.m_section5 .swiper-slide {
    box-shadow: none;
    height: 100px;
}

.m_section5 .grey_img, .m_section5 .color_img {
    height: 60px;
}

.m_section5 .color_img {
    display: none;
}

#section5_swiper2 .m_box a:hover .color_img {
    display: block;
}

#section5_swiper2 .m_box a:hover .grey_img {
    display: none;
}